<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 

	<h:head>
		<title>City Selector: Teams</title>
	</h:head> 
	<body> 
		<h:form>
			<fieldset>
				<legend>City Selector</legend>
				Select city: <h:selectOneMenu value="#{cityInfoBean.cityName}">
					<f:selectItems value="#{cityInfoBean.cities}"/>
					<f:ajax render="cityNameField nlfTeamField mlbTeamField" />
				</h:selectOneMenu>
				<br/>
				City name: <h:outputText value="#{cityInfoBean.cityName}" id="cityNameField" />
				<br/>
				City's NFL Team: <h:outputText value="#{cityInfoBean.teamNFLName()}" id="nlfTeamField" />
				<br/>
				City's MLB Team: <h:outputText value="#{cityInfoBean.teamMLBName()}" id="mlbTeamField"/>
			</fieldset>
		</h:form>
	</body> 
</html>
